<template>
	<el-container>
		<!-- <el-header> -->
		<!-- <h3>关于本网站</h3> -->
		<!-- </el-header> -->
		<el-main>
			<div>
				<h3>本网站引用技术</h3>
				<a href="https://vitejs.cn/" target="_blank">
					<img src="/vite.svg" class="logo" alt="Vite logo" />
				</a>
				<a href="https://cn.vuejs.org/" target="_blank">
					<img src="@/assets/vue.svg" class="logo vue" alt="Vue logo" />
				</a>
				<h4>Vite 3.2.1&emsp; & &emsp;Vue 3.2.41</h4>
				<a href="https://element-plus.gitee.io/zh-CN/" target="_blank">
					<img src="@/assets/element-plus.svg" class="elm-plus" alt="Vue logo" />
				</a>
				<h4>Element-Plus 2.2.19</h4>
			</div>
		</el-main>
	</el-container>
</template>

<script setup name="About">
</script>

<style lang="less" scoped>
.logo {
	height: 6em;
	padding: 2em;
	will-change: filter;

	&:hover {
		filter: drop-shadow(0 0 1rem #646cffaa);
	}
}

.vue:hover {
	filter: drop-shadow(0 0 1rem #42b883aa);
}

.elm-plus {
	height: 4.5em;
	padding: 2em;
	will-change: filter;

	&:hover {
		filter: drop-shadow(0 0 1rem #409effaa);
	}
}

div {
	text-align: center;
}
</style>